<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link type="text/css" rel="stylesheet" href="../src/css/admin.css">
</head>

<body>
    <div class="loading">
        <p>加载中，请稍等~</p>
        <div></div>
        <div></div>
    </div>

    <header>
        <button id="article">日志管理</button>
        <button id="demo">demo管理</button>
        <button id="word">留言管理</button>
        <button id="picture">图片管理</button>
        <input class="classN" type="radio" name="pic" value="view"><span>风景</span>
        <input class="classN" type="radio" name="pic" value="manga"><span>动漫</span>
        <input class="classN" type="radio" name="pic" value="cate"><span>美食</span>
        <input class="classN" type="radio" name="pic" value="life"><span>生活</span>
        <button id="create">新增</button>
        <button id="pic_submit">上传图片</button>
    </header>

    <!-- 上传article按钮---- -->
    <div class="upload_wrap">
        <span>标题：</span><input id="title" type="text"><br>
        <span>demoURL：</span><input id="a_href" type="url" placeholder="格式:demo文件名.html"><br>
        <span>id：</span><input id="id" type="number"><br>
        <span>上传图片：</span><input id="pic" type="file" accept="image/*"><br>
        <span>内容：</span><textarea id="context"></textarea>
        <button class="ok">提交</button>
        <button class="no">取消</button>
    </div>
    <!-- 上传article按钮-end -->

    <!-- 上传图片按钮---- -->
    <div class="pic_upload_wrap">
        <span>选择图片：</span><input id="pic2" type="file" accept="image/*" multiple="multiple"><br>
        <span>图片分类：</span>
        <select id="class_name">
            <option value="view">风景</option>
            <option value="manga">动漫</option>
            <option value="cate">美食</option>
            <option value="life">生活</option>
        </select><br>
        <button class="ok2">提交</button>
        <button class="no2">取消</button>
    </div>
    <!-- 上传图片按钮-end -->

    <!-- 日志、demo、留言部分---- -->
    <section></section>
    <!-- 日志、demo、留言部分-end -->

    <!-- 图片---- -->
    <div class="pic_wrap"></div>
    <!-- 图片-end -->

    <script type="text/javascript" src="../src/js/admin.js"></script>
</body>

</html>